*{
    padding: 0;
    margin: 0;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.m-10 {
    margin: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.m-20 {
    margin: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.m-30 {
    margin: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.m-40 {
    margin: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-50 {
    margin-right: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.m-50 {
    margin: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.mr-60 {
    margin-right: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.m-60 {
    margin: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.mr-70 {
    margin-right: 70px;
}

.mt-70 {
    margin-top: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}

.m-70 {
    margin: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.mr-80 {
    margin-right: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.m-80 {
    margin: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.mr-90 {
    margin-right: 90px;
}

.mt-90 {
    margin-top: 90px;
}

.mb-90 {
    margin-bottom: 90px;
}

.m-90 {
    margin: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-100 {
    margin-right: 100px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.m-100 {
    margin: 100px;
}

.ml-150 {
    margin-left: 150px;
}

.mr-150 {
    margin-right: 150px;
}

.mt-150 {
    margin-top: 150px;
}

.mb-150 {
    margin-bottom: 150px;
}

.m-150 {
    margin: 150px;
}

.ml-200 {
    margin-left: 200px;
}

.mr-200 {
    margin-right: 200px;
}

.mt-200 {
    margin-top: 200px;
}

.mb-200 {
    margin-bottom: 200px;
}

.m-200 {
    margin: 200px;
}

.ml-250 {
    margin-left: 250px;
}

.mr-250 {
    margin-right: 250px;
}

.mt-250 {
    margin-top: 250px;
}

.mb-250 {
    margin-bottom: 250px;
}

.m-250 {
    margin: 250px;
}

.ml-300 {
    margin-left: 300px;
}

.mr-300 {
    margin-right: 300px;
}

.mt-300 {
    margin-top: 300px;
}

.mb-300 {
    margin-bottom: 300px;
}

.m-300 {
    margin: 300px;
}

.ml-auto{
    margin-left: auto;
}

.mr-auto{
    margin-right: auto;
}

.width-100vw {
    width: 100vw;
}

.width-90vw {
    width: 90vw;
}

.width-80vw {
    width: 80vw;
}

.width-70vw {
    width: 70vw;
}

.width-60vw {
    width: 60vw;
}

.width-50vw {
    width: 50vw;
}

.width-40vw {
    width: 40vw;
}

.width-30vw {
    width: 30vw;
}

.width-25vw{
    width: 25vw;
}

.width-20vw {
    width: 20vw;
}

.width-10vw {
    width: 10vw;
}

.width-100px {
    width: 100px;
}

.width-200px {
    width: 200px;
}

.width-300px {
    width: 300px;
}

.width-400px {
    width: 400px;
}

.width-500px {
    width: 500px;
}

.width-150px {
    width: 150px;
}

.width-250px {
    width: 250px;
}

.width-350px {
    width: 350px;
}

.width-450px {
    width: 450px;
}

.width-550px {
    width: 550px;
}

.width-120px {
    width: 120px;
}

.width-220px {
    width: 220px;
}

.width-320px {
    width: 320px;
}

.width-420px {
    width: 420px;
}

.width-520px {
    width: 520px;
}

.height-100vh {
    height: 100vh;
}

.height-90vh {
    height: 90vh;
}

.height-80vh {
    height: 80vh;
}

.height-70vh {
    height: 70vh;
}

.height-60vh {
    height: 60vh;
}

.height-50vh {
    height: 50vh;
}

.height-40vh {
    height: 40vh;
}

.height-30vh {
    height: 30vh;
}

.height-20vh {
    height: 10vh;
}

.height-10vh {
    height: 10vh;
}

.height-100px{
    height: 100px;
}
.height-80px{
    height: 80px;
}
.width-80px{
    width: 80px;
}
.height-60px{
    height: 60px;
}
.width-60px{
    width: 60px;
}
.height-150px{
    height: 150px;
}
.width-180px{
    width: 180px;
}
.height-180px{
    height: 180px;
}
.width-40px{
    width: 40px;
}
.height-40px{
    height: 40px;
}
.height-16px{
    height: 16px;
}
.width-45vw{
    width: 45vw;
}
.height-45vw{
    height: 45vw;
}
.height-300px{
    height: 300px;
}
.width-94vw{
    width: 94vw;
}
.width-65vw{
    width: 65vw;
}
.width-86vw{
    width: 86vw;
}
.height-200px{
    height: 200px;
}

.flex {
    display: flex;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.justify-center{
    justify-content: center;
}

.items-center {
    align-items: center;
}

.space-between {
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-colum {
    flex-direction: column;
}

.flex-justify-end {
    justify-content: flex-end;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-1{
    flex: 1;
}

.font-bold {
    font-weight: bold;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-32 {
    font-size: 32px;
}

.font-34 {
    font-size: 34px;
}

.font-36 {
    font-size: 36px;
}

.font-38 {
    font-size: 38px;
}

.font-40 {
    font-size: 40px;
}

.font-no-wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.font-no-wrap2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.p-10 {
    padding: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.p-20 {
    padding: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.p-30 {
    padding: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.p-40 {
    padding: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-50 {
    padding-right: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.p-50 {
    padding: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pr-60 {
    padding-right: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.p-60 {
    padding: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pr-70 {
    padding-right: 70px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.p-70 {
    padding: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pr-80 {
    padding-right: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.p-80 {
    padding: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pr-90 {
    padding-right: 90px;
}

.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}

.p-90 {
    padding: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-100 {
    padding-right: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.p-100 {
    padding: 100px;
}


.pr-25{
    padding-right: 25px;
}
.pl-25{
    padding-left: 25px;
}
.mb-25{
    margin-bottom: 25px;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.top {
    top: 0;
}

.right {
    right: 0;
}

.left {
    left: 0;
}

.bottom {
    bottom: 0;
}

.top-10 {
    top: 10px;
}

.right-10 {
    right: 10px;
}

.left-10 {
    left: 10px;
}

.bottom-10 {
    bottom: 10px;
}

.top-20 {
    top: 20px;
}

.right-20 {
    right: 20px;
}

.left-20 {
    left: 20px;
}

.bottom-20 {
    bottom: 20px;
}
.left-10vw{
    left: 10vw;
}

.box {
    width: 1200px;
    margin: auto;
}

.bg-blue{
    background-color: #005eff;
}

.text-center{
    text-align: center;
}

.color-white{
    color: #fff;
}

.bg-shadow{
    box-shadow: 0px 0px 8px #cecece;
}

.border-radius{
    border-radius: 10px;
}
.bg-white{
    background-color: #ffffff;
}
.font-14{
    font-size: 14px;
}
.color-grey{
    color: #777;
}
.text-nowrap-c1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-nowrap-c2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pointer {
    cursor: pointer;
}
.hover-blue:hover{
    color: #005eff;
}
.font-12{
    font-size: 12px;
}
.button-nav{
    background-image: url("@/assets/images/bg_02.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
.bg-grey{
    background-color: #f7f7f7;
}
.border-dash{
    border: 1px dashed #cecece;
}
.flex-align-start{
    align-items: start;
}
.color-red{
    color: #F56C6C;
}
.color-green{
    color: #67C23A;
}
.color-blue{
    color: #409EFF;
}
